<ui:composition template="/template/plantilla.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:t="http://myfaces.apache.org/tomahawk">
	
	<ui:define name="head">	
		
		<script type="text/javascript">
			//function cargaMensaje(){
			//	require(["dojo/request"], function(request){
				//    request.post("/general/MensajeTablaGeneral", {
				   //     data: {
				    //        color: "blue"				            
				     //   }				        
				    //}).then(function(text){
				    //	var texto=text.substring(0,4);
				     //   if (texto!="null")
				    //  		document.getElementById("adminCarga:btnMostrarMrensaje").click();				       		
				   // });
				//});							
			//}		
			
			//window.onload=function(){
			//	setInterval(function(){cargaMensaje()},5000);
			//};	
		</script>
	</ui:define>
	
	<ui:define name="pageTitle">
	Administrar Carga
	</ui:define>
	<ui:define name="body">
	
		<h:form id="adminCarga">			
			<rich:panel>
				<f:facet name="header">
          			Filtro
        		</f:facet>
				<table border="0" cellspacing="2">
					<tr>
						<td width="120"><h:outputText value="Tipo Carga" /></td>
						<td width="150"><h:selectOneMenu id="cboTipoCarga"
							value="#{adminCargaController.idTipoCarga}" styleClass="combo"
							style="width:125px;">
							<f:selectItems value="#{adminCargaController.listaCarga}" />
						</h:selectOneMenu></td>
						<td width="120"><h:outputText value="Estado Proceso" /></td>
						<td><h:selectOneMenu id="cboEstadoProceso"
							value="#{adminCargaController.idEstadoProceso}"
							styleClass="combo" style="width:125px;">
							<f:selectItems value="#{adminCargaController.estadoCarga}" />
						</h:selectOneMenu></td>
						<td width="120"><h:outputText value="Archivo Carga" /></td>
						<td width="150"><h:selectOneMenu id="cboArchivoCargaSearch"
							value="#{adminCargaController.idArchivoCargaFiltro}" styleClass="combo"
							style="width:125px;">
							<f:selectItems value="#{adminCargaController.archivoCarga}" />
						</h:selectOneMenu></td>
						
					</tr>
					<tr>
						<td><h:outputText value="Fecha Inicio Carga:" /></td>
						<td><rich:calendar id="fecInicio" popup="true"
							datePattern="dd/MM/yyyy"
							value="#{adminCargaController.fechaInicio}"
							inputStyle="width:100px" /></td>
						<td><h:outputText value="Fecha Fin Carga" /></td>
						<td><rich:calendar id="fecFin" popup="true"
							datePattern="dd/MM/yyyy" value="#{adminCargaController.fechaFin}"
							inputStyle="width:100px" /></td>
					</tr>
					<tr>
						<td colspan="4"><label class="uiButton uiButtonConfirm">
							<h:commandButton id="btnBuscar" action="carga" actionListener="#{adminCargaController.buscarFiltro}"
							value="Buscar" /> </label></td>
					</tr>
					
				</table>
				<rich:separator />
			</rich:panel>
				
			<rich:panel>
				<f:facet name="header">
          			Carga Manual
        		</f:facet>
				<table border="0" cellspacing="2">
					<tr>
						<td width="120"><h:outputText value="Archivo Carga" /></td>
						<td width="150"><h:selectOneMenu id="cboArchivoCarga"
							value="#{adminCargaController.idArchivoCarga}" styleClass="combo"
							style="width:125px;">
							<f:selectItems value="#{adminCargaController.archivoCarga}" />
						</h:selectOneMenu></td>
						<td width="120"><h:outputText value="Fecha Carga:" /></td>
						<td><rich:calendar id="fecFechaCarga" popup="true"
							datePattern="dd/MM/yyyy"
							value="#{adminCargaController.fechaCarga}"
							inputStyle="width:100px" /></td>
						<td><label class="uiButton uiButtonConfirm">
							<h:commandButton id="btnEjecutarCargar" action="carga"
											 actionListener="#{adminCargaController.cargaManual}"
											 value="Ejecutar Carga" />
											 
							
							</label>
						</td>
					</tr>
				</table>	
			</rich:panel>
			
<h:panelGrid id="pgscroller" columns="1"
        styleClass="pagination-flickr"
        columnClasses="standardTable_ColumnCentered" aling="center">
        <t:dataScroller id="scroll_1" for="dtCargas" fastStep="10"
          pageCountVar="pageCount" pageIndexVar="pageIndex"
          styleClass="scroller" paginator="true" paginatorMaxPages="9"
          paginatorTableClass="paginator"
          paginatorActiveColumnStyle="font-weight:bold;" immediate="true"
          actionListener="#{adminCargaController.scrollerAction}"
          align="center">
          <f:facet id="fx1" name="first">
            <t:graphicImage id="gx1" url="/web/imagenes//table/first.png"
              border="1" />
          </f:facet>
          <f:facet id="fx2" name="last">
            <t:graphicImage id="gx2" url="/web/imagenes/table/last.png"
              border="1" />
          </f:facet>
          <f:facet id="fx3" name="next">
            <t:graphicImage id="gx3" url="/web/imagenes/table/next.png"
              border="1" />
          </f:facet>
          <f:facet id="fx4" name="previous">
            <t:graphicImage id="gx4" url="/web/imagenes/table/previous.png"
              border="1" />
          </f:facet>
        </t:dataScroller>
        <t:dataScroller id="scroll_2" for="dtCargas"
          rowsCountVar="rowsCount"
          displayedRowsCountVar="displayedRowsCountVar"
          firstRowIndexVar="firstRowIndex" lastRowIndexVar="lastRowIndex"
          pageCountVar="pageCount" immediate="true" pageIndexVar="pageIndex"
          align="center">
          <h:outputFormat value="Se ha encontrado #{rowsCount} registro(s)"
            styleClass="standard" id="opformessge">
            <f:param id="px1" value="#{rowsCount}" />
          </h:outputFormat>
        </t:dataScroller>
      </h:panelGrid>      		
				<t:dataTable width="100%" rowIndexVar="row" id="dtCargas"
        styleClass="mydr-table"
        headerClass="mydr-table-subheader mydr-table-subheadercell"
        rowClasses="mydr-table-firstrow" columnClasses="mydr-table-cell"
        var="carga" value="#{adminCargaController.listaFiltro}"
        preserveDataModel="false" rows="10">
				<f:facet name="header">
					<h:outputText value="Carga de Archivos" />
				</f:facet>
				<h:column width="60px">
					<f:facet name="header">Tipo Carga</f:facet>
					<h:outputText value="#{carga.NOMBRE_TIPO_CARGA}" />
				</h:column>
				<h:column width="80px">
					<f:facet name="header">Carga</f:facet>
					<h:outputText value="#{carga.DESCRIPCION_ARCHIVO}" />
				</h:column>
				<h:column width="180px">
					<f:facet name="header">Nombre Archivo</f:facet>
					<h:outputText value="#{carga.NOMBRE_ARCHIVO}" />
				</h:column>
				<h:column width="60px">
					<f:facet name="header">Fec Carga</f:facet>
					<h:outputText value="#{carga.FECHA_CARGA}" >
					 <f:convertDateTime pattern="dd/MM/yyyy" />
					</h:outputText>
				</h:column>
				<h:column width="40px">
					<f:facet name="header">H. Ini</f:facet>
					<h:outputText value="#{carga.HORA_INICIO}" />
				</h:column>
				<h:column width="40px">
					<f:facet name="header">H. Fin</f:facet>
					<h:outputText value="#{carga.HORA_FIN}" />
				</h:column>
				<h:column width="70px">
					<f:facet name="header">Estado</f:facet>
					<h:outputText value="#{carga.NOMBRE_ESTADO_PROCESO}" />
				</h:column>
				<h:column width="50px">
					<f:facet name="header">Leidos</f:facet>
					<h:outputText value="#{carga.REGISTROS_LEIDOS}" />
				</h:column>
				<h:column width="50px">
					<f:facet name="header">Cargados</f:facet>
					<h:outputText value="#{carga.REGISTROS_CARGADOS}" />
				</h:column>
				<h:column>
					<f:facet name="header">Observaci&#243;n</f:facet>
					<h:outputText value="#{carga.NOTA_ERROR}" />
				</h:column>
				<h:column width="45px">
					<f:facet name="header">Detalle</f:facet>
					<h:commandButton id="eliminarOpcion"
						image="/general/images/icons/detalle.png" action="detallecarga"
						actionListener="#{adminCargaController.mostrarDetalle}">
						<f:setPropertyActionListener value="#{carga.IDCARGA}"
							target="#{adminCargaController.idCarga}" />
						<rich:toolTip value="Ver Detalle Carga Fallidos" />
					</h:commandButton>
					<h:commandButton id="cargaRegistrosTabla"
						image="/general/images/icons/detalle.png" action="detallecargaregistros"
						actionListener="#{adminCargaController.mostrarCargaArchivo}">
						 <f:setPropertyActionListener value="#{carga.IDARCHIVO}"
							target="#{adminCargaController.identarchivo}" />
						<rich:toolTip value="Ver Carga Archivos" />
					</h:commandButton>
				</h:column>
			</t:dataTable>			
		</h:form>
	</ui:define>
</ui:composition>